我折腾博客的历史，要追溯到 2017 年，利用 Github Page + Hexo 实现了我的第一个博客网站，后面又换了一些主题，最后又改为了 Github Page + Jekyll 的方案。
- Hello Blog
- 关于博客的两件小事
这是我最后一版博客的样子：
但我的博客网站更新停在了 2024 年，因为这个时候，我已经开始使用语雀来做笔记，写文章了，开始沉迷在语雀中构建自己的知识库和数字花园。语雀的方便让我之前的发博客的流程比较繁琐，我需要将语雀中的文章导出成 Markdown 文件，将这个文件拖入本地博客的 Github 仓库的某个文件夹下，然后将内容推送到 Github 远程仓库里，触发 Github Action 的 CI 流程，编译并部署静态博客网站。每次都是手动操作，还挺麻烦的，渐渐我就不往博客上发了。
到了去年，我把 Obsidian 作为主力笔记软件，并且利用了开源方案 将 Obsidian 笔记发布成博客，标题虽然叫博客，但实际上它更贴切的说法是数字花园，这是 Obsidian 等双链笔记软件，或者卡片式笔记方法所强调的让知识自由生长、互相连接。所以它的展现形式和在 Obsidian 里是一样的，一个文件树，按文件夹组织笔记文件，还提供了搜索、反向链接等实用功能。配置好后，利用 Obsidian-Digital-Garden-Plugin 可以非常方便地将本地 Obsidian Vault 里的笔记和文章发布到网站上。网站样式如下所示：
但我一直对这个网站不太满意，主要是 UI 样式上的，感觉这个网页做的太粗糙了，不额外设置主题的情况下，网站 UI 非常难看，配置主题后，才稍稍好看一些。在实践时，除了 Digital Garden 这个方案，还有一个叫做 Flowershow 的方案我很感兴趣，不同于数字花园样式，它是将 Obsidian 里的文章发布成博客样式。但随着它将其做成一个商用方案，Pro 版需要付费后，我放弃了这个选择。
所以到了目前，我就有了好几个小网站，一个是博客；一个是数字花园；还有一个上面没有提到，我有个成长计划叫做「海树」，是将自己编程领域学习的知识整理成结构化的知识库，然后发布到一个网站上，它也是利用了 Github Page，把内容推送到一个特定的 Github 仓库里，利用 docsify 来构建网站。
在此之后，我就一直有一个想法，我想把上面这些网站都合到一块，做成一个统一的网站，其中「海树」知识库的内容已经同步到 Obsidian 里，所以数字花园网站里的内容已经包括了「海树」知识库。那剩下的就是将我的数字花园和博客进行一个融合，具体来说是这样的：
- 原始数据保存在本地的 Obsidian Vault 里，Vault 备份到 Github 里
- 文章发布流程依然使用现在 Digital Garden 的方案，将本地笔记推送到一个 Github 仓库的特定文件夹下，数字花园和博客要展示的内容就是这个文件夹下的所有文章（数据源一致）
- 数字花园保持原来文件树 + 文章详情的样式，但是对 UI 进行优化，提升颜值
- 新增加一种博客样式，采用文章 Feed 分页展示，点击再打开文章详情，并增加 Tags、Timeline 等小功能。
- 新增加一个个人主页，更个性化地展示自我，将数字花园和博客作为个人主页的二级页面。除了数字花园和博客，在个人主页里，还有我的技术栈、作品/项目、Github 和掘金主页、摄影作品等等内容。
这个改造我是全程使用 Cursor Vibe Coding 出来的，仅仅花了一天半的时间。具体的改造过程，我记录在 Vibe Coding 数字花园和博客融合。最后效果如下，我是非常满意了。可能还有些 UI 细节还有待提升，后续再慢慢优化。
